Page({
  data: {
    genderShow: false, // 性别选择器
    nicknameShow: false, // 昵称修改弹窗
    genderList: ['男', '女', '保密'], // 性别选择器选项
    form: {
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      nickname: '梁海龙大帅哥',
      gender: 0,
      phone: '130****6482'
    }
  },

  // 选择头像
  updateAvatar(event) {
    const { avatarUrl } = event.detail
    this.setData({
      'form.avatar': avatarUrl
    })
    // TODO: 上传头像
  },

  // 显示昵称修改弹窗
  updateNickname() {
    this.setData({ nicknameShow: true })
  },

  // 提交昵称修改
  getNickName(event) {
    const { nickname } = event.detail.value
    if (nickname && nickname.trim()) {
      this.setData({
        'form.nickname': nickname.trim(),
        nicknameShow: false
      })
      // TODO: 上传昵称到服务器
    }
  },

  // 关闭昵称修改弹窗
  closeNicknameDialog() {
    this.setData({ nicknameShow: false })
  },

  // 显示性别选择器
  updateGender() {
    wx.showActionSheet({
      alertText: '性别',
      itemList: this.data.genderList,
      success: (res) => {
        this.setData({
          'form.gender': res.tapIndex
        })
        // TODO: 上传性别到服务器
      }
    })
  },

  // 生命周期函数
  onLoad() {
    // TODO: 获取用户信息
  }
})
